import React from 'react'

import { PanelGroup, Panel, Placeholder } from 'rsuite'

import { File, Folder } from 'components/Fs'

import window from '@infra-share/window'

const folders = ['data/', 'ect/', 'tmp/', 'var/', 'home/']
const files = ['data.js', 'home.pdf', 'create-app.bin', 'init-docker.sh']

console.log('window>>>>>', window)

function Files() {
  return pug`
    PanelGroup#Files(accordion)
      Panel(header="Directories" defaultExpanded)
        .box.box-wrap
          each item, index in folders
            Folder(title=item key=index)
      Panel(header="Files" defaultExpanded)
        .box.box-wrap
          each item, index in files
            File(title=item key=index)
  `
}

export default Files
